<template>
  <div class="logo" @click="goHome()">
    <div class="logoimg" :style="{ width: width + 'px' }">
      <!-- ? require('@/assets/imgs/jfk_logo.png') -->
      <img
        class="logoimg"
        :src="
          bgc === 1
            ? '//img.letuilm.com/2020/07/5a912e2020072915062620565.png'
            : '//img.letuilm.com/2020/07/5a912e2020072915062620565.png'
        "
        alt=""
        srcset=""
      />
      <!-- 首单礼金 -->
    </div>
  </div>
</template>

<script>
export default {
  name: "Logo",
  data() {
    return {};
  },
  props: {
    width: {
      type: String,
      default: ""
    },
    bgc: {
      type: Number,
      default: 1
    }
  },

  computed: {},
  created() {},
  mounted() {},
  methods: {
    goHome() {
      this.$router.resolve({ path: "/" });
    }
  }
};
</script>

<style lang="scss" scoped>
.logoimg {
  cursor: pointer;
  width: 300px;
  font-size: 38px;
  margin-left: 10px;
}
</style>
